.toView {
	width: 750upx;
	min-height: calc(100vh - 44px);
	background-color: #F8F8F8;
	padding: 26upx 0 88upx;
	.header {
		background: url(../../../static/img/quickly/information/bj3@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 702upx;
		height: 256upx;
		margin: 0 24upx;	
		z-index: 10;
		image {
			width: 622upx;
			height: 44upx;
			margin: 0 auto 44upx;
			display: block;
			padding-top: 27upx;
		}
		.information {
			width: 100%;
			padding: 0 42upx;
			box-sizing: border-box;
			.top,.bottom {
				display: flex;
				align-items: center;
				justify-content: space-around;
				view {
					color: #FFFFFF;
					font-weight: 30upx;
					margin-right: 25upx;
				}
				view:last-child {
					margin-right: 0;
				}
			}
			.bottom {
				margin-top: 20upx;
			}
		}
	}
	.two {
		background: url(../../../static/img/quickly/information/bj2@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 602upx;
		height: 254upx;
		margin: -222upx auto 0;
	}
	.three {
		background: url(../../../static/img/quickly/information/bj1@2x.png) no-repeat;
		background-size: 100% 100%;
		width: 508upx;
		height: 254upx;
		margin: -226upx auto 0;
	}
	
	.mainContent {
		margin: 35upx 24upx 0;
		width: 702upx;
		.informationBox {
			margin-top: 33upx;
			.boxOne {
				width: 705upx;
				height: 120upx;
				background: #38CB97;
				border-radius: 24upx;
				padding: 18upx 32upx 0;
				box-sizing: border-box;
				image {
					width: 490upx;
					display: block;
					margin: 0 auto;
				}
				.style {
					color: #FFFFFF;
					margin-top: 10upx;
					font-size: 28upx;
				}
			}
			.boxTwo {
				width: 702upx;
				height: 100%;
				background: #FFFFFF;
				border-radius: 24upx;
				margin-top: -44upx;
				padding: 50upx 34upx;
				.item {
					display: flex;
					line-height: 62upx;
					text,
					view{
						color: #333333;
						font-size: 30upx;
						width: 280upx;
					}
					view {
						flex: 2;
					}
				}
				
			}
			.boxThree {
				height: 102upx;
				background-color: #38CB97;
				display: flex;
				align-items: center;
				border-radius: 24upx;
				width: 100%;
				image {
					height: 38upx;
					width: 640upx;
				}
			}
			.boxFour {
				.comment {
					.commentStyle {
						display: block;
						color: #343434;
						font-size: 30upx;
						margin-left: 20upx;
					}
					.displayField {
						background-color: #FFFFFF;
						min-height: 96upx;
						padding: 20upx;
						margin-top: 10upx;
						box-sizing: border-box;
					}
					.commentInput {
						width: 100%;
						height: 92upx;
						background-color: #fff;
						border-radius: 6upx;
						box-sizing: border-box;
						font-size: 30upx;
						color: #343434;
					}
					.health {
						padding: 0 23upx;
						box-sizing: border-box;
						display: flex;
						align-items: center;
						height: 106upx;
						background-color: #fff;
						width: 100%;
						margin-top: 28upx;
						.healthEducation {
							position: relative;
							color: #343434;
							font-size: 29upx;
							padding-left: 30upx;
							flex: 1;
						}
						.healthEducation::before {
							content: '';
							position: absolute;
							top: 8upx;
							left: 0;
							background-color: #FEA519;
							width: 8upx;
							height: 24upx;
							border-radius: 4upx;
						}
						.addHealth {
							width: 36upx;
							height: 36upx;
						}
					}
					
					.health_content {
						position: relative;
						width: 100%;
						border-radius: 6upx;
						margin: 6upx 0 10upx 0;
						background-color: #fff;
						// border-bottom: 2px solid #ccc;
						.delImage {
							padding-bottom: 20upx;			
							.delScheme {
								position: absolute;
								top: 20upx;
								right: 28upx;
								width: 30upx;
								height: 30upx;
								// margin: 20upx 28upx 0 0;
							}
						}
						.healthDetails {
							display: flex;
							align-items: center;
							height: 92upx;
							box-sizing: border-box;
							border-bottom: 1px solid #E7E7E7;
							text {
								color: #343434;
								font-size: 26upx;
								margin-left: 13upx;
							}
							input,
							textarea{
								flex: 1;
								box-sizing: border-box;
								overflow: hidden;
								font-size: 26upx;
							}
							textarea {
								padding: 30upx 20upx;
								height: 168upx;
							}
							span {
								flex: 1;
								font-size: 26upx;
							}
							.time {
								flex: 1;
							}
						}
						.healthDetails:last-child {
							display: flex;
							border: none;
							align-items: stretch;
							line-height: 92upx;
						}
					}
				}
			}
		}
	}
}
.wen{
	.boxOne{
		height: 102upx !important;
		padding: 0 !important;
		display: flex;
		align-items:center;
	}
	table{
		width: 100%;
		border:1upx solid #ccc;
		border-radius:24upx;
		background: #fff;
		th{
			line-height: 85upx;
			border-collapse:collapse;  
			border-right: 1upx solid #ccc;
			&:nth-last-child(1){
				border: 0;
			}
		}
		td{
			line-height: 64upx;
			border-collapse:collapse;  
			border-top: 1upx solid #ccc;
			border-right: 1upx solid #ccc;
			text-align: center;
			&:nth-last-child(1){
				border-right: 0;
			}
		}
	}
	.info{
		display: flex;
		font-size: 28upx;
		color: #333;
		font-weight: bold;
		justify-content: space-between;
		line-height: 42upx;
		&:nth-of-type(1){
			margin-top: 20upx;
		}
	}
}
.btn{
	line-height: 70upx;
	width: 546upx;
	display: block;
	margin: 60upx auto 0;
	background: #38CB97;
	color: #fff;
	text-align: center;
	font-size: 30upx;
	border-radius:70upx;
}
.boxTwo{
	.txt{
		display: flex;
		margin-top: 10upx;
		align-items: center;
		view{
			&:nth-of-type(1){
				margin-right: 15upx;
				background: #F3FFFB;
				font-size: 30upx;
				color: #38CB97;
				padding: 8upx;
			}
		}
	}
}